<template>
    <div class="index">
        <!-- router-view有了它才能把子路由渲染出来 -->
        <router-view></router-view>
        <TabBar :data="tabbarData"/>
    </div>
</template>
<script>
import TabBar from './../components/TabBar';
export default {
    name:'index',
    components:{TabBar},
    data(){
        return{
            // TabBar子组件内容
            tabbarData:[
                {title:'微信',icon:'commenting',path:'/chats'},
                {title:'通讯录',icon:'address-book',path:'/contacts'},
                {title:'发现',icon:'compass',path:'/Discover'},
                {title:'我',icon:'user',path:'/me'},
            ]
        }
    }
}
</script>
<style scoped>
.index{
    width: 100%;
    height: 100%;

}
</style>


